<template>
  <div style="background-color: #eee;">
    <el-container>
        <HeaderTop/>
        <MenuAside/>
        <el-main>   
          <router-view/>
          <!-- <FooterBottom/> -->
        </el-main>
        
    </el-container>
  </div>
</template>

<script>
import HeaderTop from '@/components/HeaderTop.vue'
import MenuAside from '@/components/MenuAside.vue';  
// import FooterBottom from '@/components/FooterBottom.vue'
export default {
    components: {
      HeaderTop,
      MenuAside,
      // FooterBottom
    },
}
</script>

<style >
.el-main {
    background-color: #F1FAFF;
    color: #333;
    margin-left: 200px;    
    padding:80px 50px ;
    text-align: center;
  }
  
 
  body > .el-container {
    margin-bottom: 40px;
  }

</style>